<!DOCTYPE html>
<html>
    <head>
        <title>Checkout Now</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="css/master.css" type="text/css" rel="stylesheet"/>
    </head>
    <body>
        <div id="mainWrapper">            
            <form id="spcoForm" onsubmit="return false;" name="spcoForm" method="post">
            <div id="checkout_page">
            <div id="checkout_container">		
                <div id="checkout_top"></div>
                <div id="checkout_middle">
			 
                <div id="loginPane_edit">
                <table cellspacing="0" cellpadding="3" border="0">
                <tbody>
                    <tr valign="top">
                        <td>	
                        <table width="100%">
                        <tbody>
                            <tr>
                            <td colspan="2" class="form_title">Loyalty  &amp; Registered Users</td>
                            </tr>
                            <tr>
                                <td colspan="2" class="info_text">Please log in below.</td>
                            </tr>
                            <tr>
                                <td colspan="2" class="info_text"><span id="loginPaneLoginError" class="error_message"></span></td>
                            </tr>
                            <tr>
                            <td class="left_column"><label for="loginPaneEmailAddress">User name</label></td>
                                <td><input type="text" autocomplete="off" value="" maxlength="50" size="20" name="username" id="username" /></td>
                            </tr>
                            <tr>
                                <td class="left_column"><label for="loginPanePassword">Password</label></td>
                                <td><input type="password" value="" size="20" name="loginPanePassword" id="loginPanePassword"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td class="hint_text"><a target="_blank" href="#">Forgot your password?</a></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><input width="80" type="image" height="20" id="loginPaneLogin" src="https://www.eastbay.com/images/eb/new_checkout/ckout_login.gif" alt="Sign In" /></td>
                            </tr>
                            <tr>
                                <td height="8" colspan="2"></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                <td width="8"></td>
                <td id="loginPaneFormSeparator"></td>
                <td width="8"></td>
                <td>
                    <table width="100%">
                        <tbody>
                            <tr>
                                <td colspan="2" class="form_title">New &amp; Guest Users</td>
                            </tr>
                            <tr>
                                <td colspan="2" class="info_text">You need to create an account.</td>
                            </tr>                        
                            <tr>
                                <td align="center" colspan="2"><input width="80" type="image" height="20" id="loginPaneNewUser" src="https://www.eastbay.com/images/eb/new_checkout/ckout_continue.gif" alt="Continue"></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
                </tr>
                </tbody></table>
                </div>
                <div id="billAddressPane_idle">

                        <div id="billAddressAccordion" class="accordion_wrapper">
                                <div class="accordion_left"><img src="https://www.eastbay.com/images/eb/new_checkout/ckout_step_2_inactive.gif" class="checkout_step_inactive"></div>
                                <div class="accordion_right">Billing Address</div> 
                        </div> 
                </div>
                <div id="shipAddressPane_idle">

                        <div id="shipAddressAccordion" class="accordion_wrapper">
                                <div class="accordion_left"><img src="https://www.eastbay.com/images/eb/new_checkout/ckout_step_3_inactive.gif" class="checkout_step_inactive"></div>
                                <div class="accordion_right">Shipping Address</div> 
                        </div> 
                </div>

                 <div id="paymentMethodPane_idle">

                        <div id="payMethodAccordion" class="accordion_wrapper">
                                <div class="accordion_left"><img src="https://www.eastbay.com/images/eb/new_checkout/ckout_step_4_inactive.gif" class="checkout_step_inactive"></div>
                                <div class="accordion_right">Payment Method</div> 
                        </div> 
                </div>
                   
                <div id="orderReviewPane_idle">
                    <div id="ordReviewAccordion" class="accordion_wrapper">
                            <div class="accordion_left"><img src="https://www.eastbay.com/images/eb/new_checkout/ckout_step_5_inactive.gif" class="checkout_step_inactive"></div>
                            <div class="accordion_right">Review Order Total &amp; Submit Order</div>
                    </div> 
                </div> 
		</div>
	</div>
                
<!-- Right column-->               
	<div id="right_column">	
            <div id="order_summary_container">
                <div id="order_summary_top">
                    <img width="182" height="30" src="https://www.eastbay.com/images/eb/new_checkout/ckout_hdr_ordr_sum.gif" />
                </div>
                <div id="order_summary_middle">
                    <table>
	<tbody><tr>
        <th class="quantity">Qty</th>
        <th class="description">Description</th>
        <th class="totalPrice">Total Price</th>
	</tr>
	
		<tr class="lineitem">
			<td class="quantity">1</td>
			<td class="description">
				<p>Radii Straight Jacket VLC - Men's</p>
				<p>Product #: 110371 | Size: 07.0<br>Infrared | Width - D - Medium</p>
				
			</td>
			<td class="totalPrice">
				$99.99<br>
				
			</td>
		</tr>
		

  <tr id="summaryPaneCartTotalRow" class="summary productTotal">
		<td colspan="2" class="label" id="summaryPaneCartLabel">Product Total:</td>
		<td id="summaryPaneCartTotal">$223.97</td>
	</tr>
    
	<tr id="summaryPaneTaxRow" class="summary">
		<td colspan="2" class="label" id="summaryPaneTaxLabel">Tax:</td>
		<td id="summaryPaneTaxTotal">TBD</td>
	</tr>	
	
	<tr id="summaryPaneShipRow" class="summary">
		<td colspan="2" class="label" id="summaryPaneShipLabel">Shipping &amp; Handling:</td>
		<td id="summaryPaneShipTotal">$9.98</td>
	</tr>
	
	
	<tr id="summaryPaneExtrasRow" class="summary">
		<td colspan="2" class="label" id="summaryPaneExtrasLabel">Gift Box:</td>
		<td id="summaryPaneExtrasTotal">TBD</td>
	</tr>
	
		
	<tr id="summaryPaneSubTotalRow" class="summary">
		<td colspan="2" class="label" id="summaryPaneSubLabel">Subtotal:</td>
		<td id="summaryPaneSubTotal">$233.95</td>
	</tr>
	
	<tr id="summaryPaneDiscountRow" class="summary discount">
		<td colspan="2" class="label" id="summaryPaneDiscountLabel">Discounts:</td>
		<td id="summaryPaneDiscountTotal">TBD</td>
	</tr>   
	
	<tr id="summaryPaneGiftCardUsedRow" class="summary giftcard">
		<td colspan="2" class="label" id="summaryPaneGiftCardUsedLabel">GiftCards:</td>
		<td id="summaryPaneGiftCardUsedTotal">TBD</td>
	</tr>        
	
    <tr id="summaryPaneGrandRow" class="summary">
		<td colspan="2" class="label" id="summaryPaneGrandLabel">Total:</td>
		<td id="summaryPaneGrandTotal">$233.95</td>
	</tr>
	</tbody></table>
                </div>
                
            </div>
            <div>			
                <div id="checkoutHelpContainer">
                <table class="hint_text">
                <tbody><tr valign="top">
                <td><strong>Need Help?</strong></td>
                <td>&nbsp;</td>
                <td>
                        <table class="hint_text">
                    <tbody><tr>
                    <td><img width="20" height="20" align="middle" src="https://www.eastbay.com/images/eb/new_checkout/ckout_help_faq.gif"></td>
                        <td><a target="_blank" href="#">View our FAQ's</a></td>
                    </tr>
                        <tr>
                    <td rowspan="2"><img width="20" height="15" align="middle" src="https://www.eastbay.com/images/eb/new_checkout/ckout_help_phone.gif"></td>
                    <td><span id="phNum">1.800.826.2205</span> (USA)</td>
                    </tr>
                        <tr>
                    <td><span id="phNum">1.715.261.9588</span> (International)</td>
                    </tr>
                        <tr>
                    <td><img width="20" height="15" align="middle" src="https://www.eastbay.com/images/eb/new_checkout/ckout_help_email.gif"></td>
                        <td><a target="_blank" href="#">Contact Us form</a></td>
                    </tr>
                    </tbody></table>
                </td>
                </tr>
                </tbody></table>
                </div>
		</div>
	</div>
	<div style="clear: both;"></div>
    </form>
</div>
        </div>
        
    </body>
</html>
